<template>
  <div class="page_body">
    <!-- 面包屑 -->
    <el-row>
      <el-col :span="24" class="page_box_top">
        <i class="el-icon-s-fold"></i>
        <el-breadcrumb separator="/" class="page_box_top_nav">
          <el-breadcrumb-item>首页</el-breadcrumb-item>
        </el-breadcrumb>
      </el-col>
    </el-row>
    <!-- 功能入口 -->
    <el-row>
      <el-col :span="24">
        <div class="home_content">
          <div
            class="home_content_btn"
            style="background-color: #3b85e5"
            @click="toExamineeListFn()"
          >
            <i class="iconfont icon-duoren"></i>
            <div class="home_content_btn_title">考生管理</div>
          </div>
          <div
            class="home_content_btn"
            style="background-color: #ff9d0a"
            @click="toGradeListFn()"
          >
            <i class="iconfont icon-c-dingdan"></i>
            <div class="home_content_btn_title">考试报名</div>
          </div>
          <div
            class="home_content_btn"
            style="background-color: #ff7209"
            @click="toOrderListFn()"
          >
            <i class="iconfont icon-order_query"></i>
            <div class="home_content_btn_title">机构订单</div>
          </div>
          <div
            class="home_content_btn"
            style="background-color: #016efd"
            @click="toResultsListFn()"
          >
            <i class="iconfont icon-complete-fill"></i>
            <div class="home_content_btn_title">成绩查询</div>
          </div>
          <div
            class="home_content_btn"
            style="background-color: #7ad23a"
            @click="toUserEditFn()"
          >
            <i class="iconfont icon-shezhi"></i>
            <div class="home_content_btn_title">账号管理</div>
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<style src="../../assets/css/home/home.css" scoped></style>

<script>
export default {
  name: "Home",
  components: {},
  data() {
    return {};
  },
  created: function () {},
  methods: {
    // 考生列表
    toExamineeListFn: function () {
      this.$router.push({
        name: "ExamineeList",
      });
    },
    // 考试列表
    toGradeListFn: function () {
      this.$router.push({
        name: "GradeList",
      });
    },
    // 机构订单
    toOrderListFn: function () {
      this.$router.push({
        name: "OrderList",
      });
    },
    // 成绩查询
    toResultsListFn: function () {
      this.$router.push({
        name: "ResultsList",
      });
    },
    // 账号管理
    toUserEditFn: function () {
      this.$router.push({
        name: "UserEdit",
      });
    },
  },
};
</script>
